<ui:composition template="/WEB-INF/template/popup.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:sgbd="http://java.sun.com/jsf/composite/components">

    <ui:define name="header">
        <h:outputText value="Ajouter un utilisateur" />
    </ui:define>
    <ui:define name="form">
        <h:panelGrid columns="3">
            <h:outputText value="Nom " />
            <h:inputText id="addNameCompte" value="#{compteBean.name}"
                         required="true"
                         requiredMessage="Veuillez indiquer un nom" />
            <rich:message id="addNameCompteMsg" for="addNameCompte" />
            
            <h:outputText value="Serveur " />
            <h:inputText id="addServerCompte" value="#{compteBean.server}"
                         required="true"
                         requiredMessage="Veuillez indiquer un serveur" />
            <rich:message id="addServerCompteMsg" for="addServerCompte" />
            
            <h:outputText value="Port " />
            <h:inputText id="addPortNumberCompte" value="#{compteBean.portNumber}"
                         required="true"
                         requiredMessage="Veuillez indiquer un numéro de port" />
            <rich:message id="addPortNumberCompteMsg" for="addPortNumberCompte" />
            
            <h:outputText value="Type " />
            <rich:select id="addTypeCompte" 
                         value="#{compteBean.typeBDD}"
                         required="true" 
                         requiredMessage="Veuillez renseigner le type de la base de données">
                <f:selectItem itemLabel="Oracle" itemValue="Oracle" />
                <f:selectItem itemLabel="MySQL" itemValue="MySQL" />
            </rich:select>
            <rich:message id="addTypeCompteMsg" for="addTypeCompte" />
        </h:panelGrid>
        
        <h:panelGrid columns="2">
            <a4j:commandButton value="Ajouter"
                               render="comptesDataTable"
                               action="#{compteBean.addCompte()}"
                               execute="addComptePopup"
                               oncomplete="if (#{facesContext.maximumSeverity==null}) {#{rich:component('addComptePopup')}.hide();}" >

            </a4j:commandButton>
            <a4j:commandButton value="Annuler"
                               execute="@this"
                               oncomplete="#{rich:component('addComptePopup')}.hide(); return false;" />
        </h:panelGrid>
    </ui:define>
</ui:composition>
